<template>
	<view class="bg-gray">
		<view class="wrapper width">
			<carousel :res="carouselImage" class="bgshare" height='380' />
			<!-- <view class="width bg-white main">
				<image src="https://www.haopengsong.xyz/static/swim/detai.png" class="swimbg" mode="widthFix"></image>			<view class="font14 jies">星之健身黄浦店游泳馆拥有长25米、宽16米的标准泳池和儿童池，全套滤水设备，保证水质纯净，同时使池区空气不刺鼻，池水温度常年保持在舒适程度，供会员进行无氧或有氧的水中训练.</view>
			</view> -->
			<view class="">
				<view class="linebox">
					<view class="bg-white commonbg">
						<view class="font15 flex-row-start bold">
							<view class="line"></view>
							注意事项
						</view>
						<view class="color6 fontbottom">
	社区设有泳池，与温泉池对望。泳池也采用线上预约扫码入池的方式对业主免费开放
						</view>
					</view>
				</view>
				<view class="apply">
					<u-button type="primary" shape='circle' @click="scan">业主扫码进入</u-button>
				</view>
				
			</view>
		</view>
	</view>
</template>
<script>
import tpl_banner from "@/pages/tabbar/roperty/template/tpl_banner"; //导航栏模块
import storage from "@/utils/storage.js"; //缓存
export default {
	data() {
		return {
			carouselImage:[
				//{ name:'https://www.haopengsong.xyz/static/swim/bg.png'},
				{ name:'https://www.haopengsong.xyz/static/swim.jpg'}
			]
		};
	},
	components: {
		carousel: tpl_banner
	},
	/**
	 * 页面加载
	 */
	onLoad(options) {
		
	},
	/**
	 * 页面显示
	 */
	onShow() {
		
	},
	/**
	 * 触底事件
	 */
	onReachBottom() {
		
	},
	/**
	 * 下拉刷新
	 */
	onPullDownRefresh() {
		
	},
	/**
	 * 页面滚动
	 * @param {Object} e
	 */
	onPageScroll(e) {
		
	},
	mounted() {
		
	},
	methods: {
		jump(res){
			uni.navigateTo({
				url: res
			});
		},
		scan(){
			uni.showToast({
				title: "正在内测中，暂不可使用~",
				icon: "none",
				duration: 1500,
			});
		}
	}
};
</script>

<style lang="scss" scoped>
/**去除scroll-view的滚动条*/
::-webkit-scrollbar {
	display: none;
	width: 0 !important;
	height: 0 !important;
	-webkit-appearance: none;
	background: transparent;
}
.swimbg{
	width: 100%;
}
.main{
	padding: 10px;
	border-radius: 12px;
}
.jies{
	line-height: 24px;
	margin-top: 10px;
}
.bg-gray{
	padding-bottom: 10px;
}
.apply{
	margin: 20px 0;
	letter-spacing: 2px;
}
</style>